.message-box {
    width: max-content;
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 3px;
  
    border-color: var(--el-message-border-color);
    background-color: var(--el-message-bg-color);
    color: var(--el-message-text-color);
  }
  /* success */
  .el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success);
  }
  /* error */
  .el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error);
  }
  /* warning */
  .el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning);
  }
  /* message */
  .el-message--message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
  }